<template>
  <baseCard
    :title="'缺陷'"
    :height="height"
    contentPadding="0.2rem"
    style="margin-left: 0; margin-right: 0"
  >
    <div class="vpt-bug-warpper">
      <div class="top">
        <vptDataView :bugData="bugData"></vptDataView>
      </div>
      <div class="bottom" :style="{ height: tabHeight }">
        <vptDataTable
          :bugList="bugList"
          :pageIndex="pageIndex"
        ></vptDataTable>
      </div>
    </div>
  </baseCard>
</template>
<script setup>
import baseCard from "@/components/vpt-cards-1002/index.vue";
import vptDataTable from "./components/vpt-data-table/index.vue";
import vptDataView from "./components/vpt-data-view/index.vue";
const props = defineProps({
  height: { type: String, default: "100%" },
  tabHeight: { type: String, default: "6.6rem" },
  bugData: { type: Object, default: () => {} },
  bugList: { type: Array, default: () => {} },
  pageIndex: {
    type: Number,
    default: 1,
  },
});

const scroll = {
  y: "94%",
};

// const emit = defineEmits(["handelePage"]);

// const handelePage = () => {
//   emit("handelePage", value);
// };
</script>
<style lang="less" scoped>
.vpt-bug-warpper {
  width: 100%;
  height: 100%;
  position: relative;
  .top {
    height: 1.3rem;
    margin-bottom: 0.2rem;
  }
  .bottom {
    // height: 6.6rem;
    // padding-right: 0.3rem;
  }
}
</style>